<template>
  {{title}}
  <slot name="first" :games="games"></slot>
  <h1>--------------</h1>
  <slot name="second"></slot>
   <h1>--------------</h1>
  <slot></slot>
</template>

<script setup lang="ts" name="Category">
import {reactive,ref,defineProps} from 'vue' 
defineProps(['title'])
const games = reactive([
  { id: 0, name: '文章1' },
  { id: 2, name: '文章2' },
  { id: 3, name: '文章3' },
])
</script>
